@charset "utf-8";
/* CSS Document */
*{-webkit-tap-highlight-color: transparent;}
body,h1,h2,h3,h4,h5,h6,hr,p,
blockquote,
dl,dt,dd,ul,ol,li,
pre,
form,fieldset,legend,textarea,
button,input,select,textarea,
img{ border:medium none; margin:0; padding:0;}
body,button,input,select,textarea{ font:14px "Microsoft YaHei", Arial,Verdana,tahoma, Srial, helvetica, sans-serif; color:#4b5361;}
h1,h2,h3,h4,h5,h6{ font-size: 100%;}
em,i{ font-style:normal;}
ul,ol{ list-style:none;}
strong,b{ font-weight:normal;}
img{ border:0; font-size:0; vertical-align:middle;}
/*table{ border-collapse:collapse; border-spacing:0; text-align:center;}*/
table{text-align:center;}
table td.alignL{ text-align:left;}
table td.alignR{ text-align:right;}
.clear{ width:100%; clear:both; display:inline-block; height:0;}
.noBor{ border:none;}
.bar {padding-left: calc(100vw - 100%);}
.justify_fix{ padding:0; border:none;display:inline-block; width:100%; height:0; overflow:hidden;}
.fl,.left{float: left;}
.fr,.right{float: right;}
/* Link Style*/
/* a:link,a:visited{ color:#4b5361; text-decoration:none;}
a:hover,a:active{ color:#0066b3;}
a:focus{outline:none} */

/*===============================================*/
.back1{background-color: #f3f3f3}
.col1{color:#ee3c4c;}
.col2{color:#168bea;}
.col3{color:#3b8ce2;}
.f12{font-size: 12px;}
.f13{font-size: 13px;}
.f14{font-size: 14px;}
.f15{font-size: 15px;}
.f16{font-size: 16px;}
.f17{font-size: 17px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.left0:before{left: 0px;}
.mt50{margin-top: 50px;}
.mb70{margin-bottom: 70px;}
.index-box{background: #fff;margin:5px;border-radius: 2px;box-shadow:0px 0px  10px 3px #e7e7e7;overflow: hidden;}

/* 头部 */
.index-top-fix{position: fixed;background: #fff;z-index: 506;width: 100%;top:0;left: 0;box-shadow:0px 0px  10px 3px #e7e7e7;line-height: 44px;}
.index-top-fix .left{font-size: 16px;position: absolute;left: 10px;color:#4b5361;}
.index-top-fix .right{font-size: 16px;position: absolute;right: 10px;color:#4b5361;top:0}
.index-top-fix .title{text-align: center;font-size: 16px}

/*weui*/
.weui-dialog__btn{color: #ee3c4c}
.weui-btn{background-color: #ee3c4c;border-radius: 5px;}
.weui-btn:not(.weui-btn_disabled):visited {color: #fff}
.weui-btn:not(.weui-btn_disabled):active {color: hsla(0,0%,100%,.6);background-color: #ec9995;}
.swiper-pagination-bullet-active {opacity: 1;background: #ee3c4c}
.swiper-wrapper img{ width: 100%; }
#scrollDiv{height:40px;line-height:40px;background:url(../images/gug.png) no-repeat 10px center;overflow:hidden;background-size: 18px; border-bottom:1px solid #d9d9d9; padding-left: 44px;}
#scrollDiv li{height:40px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/*Register*/
.register-top{line-height: 36px;border-bottom:1px solid #ff695e;color:#fff;text-align: center;background:#e7433a;position: relative;position: fixed;width: 100%;z-index: 11;}
.register-top .top-back{position: absolute;display:inline-block;width:16px;line-height: 36px;top:0;left: 10px;color:#fff;}
.register-title{line-height: 36px;color:#fff;background:#e7433a;font-size: 12px;padding-left: 10px;padding-top: 37px;}
.register-title span{font-size:18px;padding-left: 20px;}
.register-body{padding:20px 30px;}
.register-body ul{padding-top: 20px;}
.register-body ul li {background:#fff;border:1px solid #ebebeb;line-height: 40px;border-radius: 5px;margin-bottom: 15px;}
.register-body ul li span{display: inline-block;width:20%;text-align: right;padding-right: 5px;}
.register-body ul li input{border:0;outline: none;width: 75%;}
.register-body ul li input::-webkit-input-placeholder{color:#c3c3c3;}
.register-body ul li textarea::-webkit-input-placeholder{color:#c3c3c3;}
.register-body ul li .weui-textarea{width: 90%;margin-left: 5%;}
.register-body ul .weui-uploader__input-box{margin-top: 10px;background: #e6e6e6;border:0;border-radius: 5px;}
.register-body ul .weui-uploader__input-box:before{background-color:#cbcbcb}
.bott-font{font-size: 12px;color:#949494;padding-top: 10px;}
.weibtn{background: #ec9995;color: #f6d0ce;}

/*Agreement*/
.Agreement-box{background-color: #fff;padding:60px 35px 20px;color:#777;}
.agreement-top{line-height: 40px;position: fixed;top:0;left:0;width: 100%;background-color: #f3f3f3;}
.agreement-title{text-align: center;}
.agreement-close{position: absolute;right: 5px;top:0;color: #3b8ce2;}
.agreement-quxiao{background: #777;color: #fff;width: 48%;float: left;margin-top: 15px;}
.agreement-quxiao:active{background:#949191!important;color: #777;}
.agreement-Agree{width:48%;float: right;}


.gug{overflow: hidden;padding: 20px 5px;}
.gug img{width: 49.3%;margin-bottom: 10px;}

/*agent*/
.searchBox{overflow: hidden;padding: 0 10px;}
.searchBox .inpB{background:#fff;border: 1px solid #ebebeb;line-height: 40px;border-radius: 5px;width: 75%;float: left;padding-left:10px;}
.searchBox .inpB input{width:90%;outline: none;}
.searchBox .weui-btn{width: 20%;float: right;line-height: 42px;font-size:14px;}
.searchImg{padding:10px;margin: 0 auto}
.searchImg img{width: 100%;}

/*aboutus*/
.article{ padding:20px; color:#616161; font-size: 16px; }
.article-bd{text-align: justify;}
.article-bd img{ width:100%; padding:5px 0;}

/*indexLogin*/
.footer {position: fixed;left: 0;bottom: 0;width: 100%;height: 55px;background: #fff;font-family: 'pingfang_medium';font-size: 20px;color: #b0b0b0;text-align: center;box-shadow: 0px -3px 1px #e5e5e5;}
.footer ul li {float: left;width: 33.3%;height: 55px;}
.footer .footer-left {background: url(../images/footer_left_icon.png) no-repeat center;    background-size: auto 80%;}
.footer .footer-center {margin-top: -15px;height: 65px;background: url(../images/footer_center_icon.png) no-repeat center;    background-size: auto 100%;}
.footer .footer-right {background: url(../images/footer_right_icon1.png) no-repeat center;    background-size: auto 80%;}

.mycenter-top{background: #fff;overflow: hidden;padding:36px;background: url(../images/bg2.gif) no-repeat bottom center;background-size: 121% auto;}
.mycenter-top img{border-radius: 50%;float: left;border:2px solid #fff;}
.mycenter-top .rightp{margin-left: 28px;float: left;font-size: 22px;margin-top: 23px;font-family: 宋体; color: #fff;}
.mycenter-top .rightp .p1{font-size: 14px;margin-top: 10px;}
.banji{font-size:20px;position:absolute;top:10px;right:10px;color:#fff;}
.houtui{font-size:20px;position:absolute;top:10px;left:10px;color:#fff;}
.personal{width:100%; /*margin-top:48px;*/position:relative;}
.personal .hide-3s-later{height:35px;padding:0 12px;font-size:14px;color:#fff;line-height:35px;border-radius: 0 17.5px 17.5px 0;background:#23bce8;position:absolute;top:135px;left:0;}
.animation1{animation: fadeInLeft 0.3s ease 0.3s 1 both;-webkit-animation: fadeInLeft 0.3s ease 0.3s 1 both;}
.animation2{animation: fadeOutLeft 0.3s ease 0s 1 both;-webkit-animation: fadeOutLeft 0.3s ease 0s 1 both;}
@-webkit-keyframes fadeInLeft {
    0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0)}
    100% {opacity: 1;-webkit-transform: none;transform: none}
}
@keyframes fadeInLeft {
    0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0)}
    100% {opacity: 1;-webkit-transform: none;transform: none}
}
.fadeInLeft {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}
@-webkit-keyframes fadeOutLeft {
    0% {opacity: 1}
    100% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0)}
}
@keyframes fadeOutLeft {
    0% {opacity: 1}
    100% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0)}
}
.fadeOutLeft {-webkit-animation-name: fadeOutLeft;animation-name: fadeOutLeft}

.head-mask{
    position:absolute;
    top:20px;
    left:22px;
    width:110px;
    height:110px;
    animation: avatar-animate 2s steps(16, end) infinite;
    -webkit-animation: avatar-animate 2s steps(16, end) infinite;
    background:url(../images/head_bg1.png) 0% 0% / 1760px no-repeat;
}
@-webkit-keyframes  avatar-animate {0% {background-position : 0px 0;}100% {background-position: -1760px 0;}}

/*agentsplist*/
.gegu-list-box{background:#fff;overflow: hidden;}
.gegu-list-box>ul{overflow: hidden;}
.gegu-list-box>ul>li{overflow: hidden;line-height:46px;border-bottom:1px solid #f3f3f3;}
.gegu-list-box>ul>li>p{float:left;width:19.9%;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding:0 2%;}
.gegu-list-box>ul>li>p.p1{width:24.3%;}
.gegu-list-box>ul>li>p>a{display: inline-block;line-height: 21px;font-size:12px;padding:0 4px;border-radius:5px;background: red;color:#fff;}
.gegu-list-box>ul>li>p>a.ty{background-color:#fc673c}
.gegu-list-box>ul>li>p>a.jj{background-color:#3495eb}
.gegu-list-box>ul>li>p>a.yty{background-color:#9c9c9c}

/*businessCard*/
.saveimgbtn{position: absolute;top:8px;right:10px;background:red;color:#fff;border-radius: 5px;padding:0 5px;line-height: 30px;}


.create-section{width:90%;margin:0 auto;margin-top:20px;border-radius:0.5em;background:#fff;z-index: 1;}
.create-section ul{width:100%;padding:20px 0;overflow: hidden;}
.create-section ul li{width:25%;float:left;text-align: center;font-size:13px;color:#3b3b3b;-webkit-box-sizing: border-box;}
.create-section .create-section-title{background:#fe931f;border-radius:0.5em 0.5em 0 0;}
.create-section .create-section-title ul{padding:12px 0;}
.create-section .create-section-title li{font-size: 12px;color:#fff;border-right:1px solid rgba(255,255,255,0.5);}
.create-section .create-section-title li:last-child{border:none;}
.create-section .create-btn-div{margin-top:15px;padding-bottom: 20px;position:relative;}
.create-btn{width:60%;padding:8px 0;font-family:'pingfang_medium';font-size:13px;color:#fff;display:block;margin:0 auto;border:none;-webkit-appearance: none;outline:none;background:#e8423a;border-radius:20px;box-shadow: 1px 1px 4px #ad7d7d;}
.create-mask-section{width:100%;height:100%;background:rgba(255,255,255,0.7);position:fixed;top:0;bottom:0;z-index: 2;display: none;}
.create-mask-section .create-agents{width:100%;position:absolute;bottom:0;left:0;}
.create-agents ul{overflow: hidden;border-bottom:1px solid #f3f3f3;}
.create-agents ul li{width:33.3%;float:left;text-align: center;margin-bottom:30px;}
.create-agents ul li span{display: block;margin:0 auto;margin-top:10px;font-size:14px;color:#747474;}
.create-agents .close{width:30px;height:30px;margin:25px auto;border-radius:50%;background:url(../images/create-close.png) no-repeat;    background-size: auto 100%;}